<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>店铺详情</title>
    <link rel="stylesheet" href="../css/newHand.css">
</head>
<body>
    <div class="newHand">
        <!--头部-->
       <div class="head">
			<!--logo-->
			<div class="logo">
				<img src="../img/images/logo_01.jpg"/>
			</div>
			<!--导航-->
			<ul class="clearfix">
				<li><a href="Home.html">首页</a></li>
				<li><a href="cycling.html">骑行</a></li>
				<li><a href="L-plate.html">铁三</a></li>
				<li><a href="running.html">跑步</a></li>
				<li><a href="newHand.html">新手学堂</a></li>
				<li><a href="brand.html">品牌专区</a></li>
			</ul>
			<!--搜索框-->
            <form action="" class="search">
                <input type="search">
                <div class="search_icon">
                    <img src="../img/images/sousuo.png" alt="">
                </div>
            </form>
	    	<!--购物车图标-->
	    	<div class="shopcar">
	    		<img src="../img/images/shopcar.png" alt="">
	    	</div>
	    	<!--人员图标-->
	    	<div class="people">
	    		<img src="../img/images/people.png" alt="">
	    	</div>
	    	<!--联系热线-->
	    	<div class="tel">
	    		<p>400-6563-116</p>
	    	</div>
	    	<!--language-->
	    	<div class="language">
	    		<span>CH</span>
	    	</div>
		</div>
        <!--中间内容区域-->
       <div class="brand_content">
            <!--shop_logo-->
            <div class="brand_con">
                <p class="brand_title">首页品牌>品牌专区</p>
                <div class="shop_logo" >
                    <img src="../img/images/shop_logo.png" alt=""  id="hover_img">
                    <!--图片遮罩层-->
                     <div class="shop_mark">
                        <img src="../img/images/shop_black.png" alt="">
                        <img src="../img/images/brand_shop.png" alt="" id="img">
                        <h3>DREAM骑手</h3>
                        <p>全球业内领先的高端功能性运动品牌</p>
                        <input type="button" value="关注" id="btn_notice">
                        <input type="button" value="分享" id="btn_share">
                    </div>
                </div>
               
            </div>
            <!--所有订单-->
            <div class="shop_form">
                <select name="shop_form" id="shop_form">
                    <option value="所有订单">所有订单</option>
                    <option value="所有订单">今日订单</option>
                    <option value="所有订单">今月订单</option>
                </select>
                <div class="shop_radio">
					
                    <input type="radio" name="radio" id="radio1">
					<label for="radio1">按最新</label>
                    &nbsp;&nbsp;&nbsp;
                    <input type="radio" name="radio" id="radio2">
					<label for="radio2">按热度</label>
                </div>
                <div class="shop_number">
                    <p>共<span id="number">1289</span>件衣服</p>
                    <p><span id="number1">1</span>/<span>16</span></p>
                </div>
            </div>
			<!--衣服详情-->
			<div class="shop_cloth">
				<ul class="clearfix">
					<li>
						<a href="goodsdetail.html"><img src="../img/images/shop_cloth.png" alt=""></a>
						<h3>竞技版骑行上衣</h3>
						<p>￥299元</p>
					</li>
						<li>
						<a href="goodsdetail.html"><img src="../img/images/shop_cloth1.png" alt=""></a>
						<h3>竞技版骑行上衣</h3>
						<p>￥299元</p>
					</li>
						<li>
						<a href="goodsdetail.html"><img src="../img/images/shop_cloth.png" alt=""></a>
						<h3>竞技版骑行上衣</h3>
						<p>￥299元</p>
					</li>
						<li>
						<a href="#"><img src="../img/images/shop_cloth2.png" alt=""></a>
						<h3>竞技版骑行上衣</h3>
						<p>￥299元</p>
					</li>
						<li>
						<a href="#"><img src="../img/images/shop_cloth1.png" alt=""></a>
						<h3>竞技版骑行上衣</h3>
						<p>￥299元</p>
					</li>
						<li>
						<a href="#"><img src="../img/images/shop_cloth2.png" alt=""></a>
						<h3>竞技版骑行上衣</h3>
						<p>￥299元</p>
					</li>
						<li>
						<a href="#"><img src="../img/images/shop_cloth.png" alt=""></a>
						<h3>竞技版骑行上衣</h3>
						<p>￥299元</p>
					</li>
						<li>
						<a href="#"><img src="../img/images/shop_cloth1.png" alt=""></a>
						<h3>竞技版骑行上衣</h3>
						<p>￥299元</p>
					</li>
						<li>
						<a href="#"><img src="../img/images/shop_cloth2.png" alt=""></a>
						<h3>竞技版骑行上衣</h3>
						<p>￥299元</p>
					</li>
						<li>
						<a href="#"><img src="../img/images/shop_cloth.png" alt=""></a>
						<h3>竞技版骑行上衣</h3>
						<p>￥299元</p>
					</li>
						<li>
						<a href="#"><img src="../img/images/shop_cloth1.png" alt=""></a>
						<h3>竞技版骑行上衣</h3>
						<p>￥299元</p>
					</li>
						<li>
						<a href="#"><img src="../img/images/shop_cloth2.png" alt=""></a>
						<h3>竞技版骑行上衣</h3>
						<p>￥299元</p>
					</li>
				</ul>
			</div>
			<!--分页跳转-->
			<div class="Pages">
				<form action="" method="get" class="clearfix">
					<ul>
						<li class="fl PrePage" style="display:none"><&nbsp;上一页</li>
						<li class="fl pagesNum pages_active">1</li>
						<li class="fl pagesNum">2</li>
						<li class="fl pagesNum">3</li>
						<li class="fl pagesNum">4</li>
						<li class="fl">...</li>
						<li class="fl NextPage">下一页&nbsp;></li>
						<li class="fl jumpPage">
							<span>共 <em>4</em> 页，到第</span>
							<div>
								<input type="text" />页
							</div>
						</li>
						<li class="fl">确定</li>
					</ul>
				</form>
			</div>
        </div>
        <!--尾部-->
        <div class="footer">
			<div class="logo-2">
				<img src="../img/images/logo-2_13.jpg"/>
			</div>
			<ul>
				<li>新手指南</li>
				<li>用户注册</li>
				<li>定制流程</li>
			</ul>
			<ul>
				<li>付款方式</li>
				<li>支付方式</li>
				<li>支付问题</li>
				<li>常见问题</li>
			</ul>
			<ul>
				<li>售后服务</li>
				<li>退款换货</li>
				<li>配送方式</li>
				<li>联系我们</li>
			</ul>
			<ul>
				<li>政策条款</li>
				<li>服务协议</li>
				<li>隐私条款</li>
				<li>s版权条款</li>
			</ul>
			<p>&copy;2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
		</div>
    </div>
</body>
</html>